
<style type="text/css">
    .hd-wrap h1.logo .sys-name-cn{
        background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(white), to(lightgrey));
        /*必需加前缀 -webkit- 才支持这个text值 */
        -webkit-background-clip: text; 
        /*text-fill-color会覆盖color所定义的字体颜色： */
        -webkit-text-fill-color: transparent; 

        color:white;/*ie纯色*/
        font-size: 20px;
        font-weight:bold;
    }
    .hd-wrap h1.logo .sys-name{        
    color: #333;
    }
    .hd-wrap .iselect-wrapper {
        background-color: rgb(59,159,225);
        float: right;
        border: none;
        color: white;
        line-height: 24px;
        height:24px;
        border-radius: 2px;
    }
    .hd-wrap h1.logo{
        width:200px;/*改flex后,如果中间写100%,这边在ie下会换行--benjamin20190704*/
    }
</style>
<script type="text/javascript">
        $(document).ready(function () {
            $('#hd select[name=org]').change(function () {
                var me = $(this);
                $.post('/User/SetOrg', { org: me.val(),orgName:me.find("option:selected").text() }, function (data) {
                    window.location.reload();
                });
            });
        });
</script>
<div id="hd">
    <div class="hd-wrap clearfix">
        <div class="top-light"></div>
        <h1 class="logo">
            <span class="sys-name-cn">电子商务系统</span><br /><span class="sys-name" >e-commerce systems</span>
        </h1>
        <ul th:if="${modules!=null}" class="main-nav clearfix">          
        <li th:each="m:${modules}" th:data-src="@{/Home/ModuleMenu?moduleName={moduleName}(moduleName=${m})}">
        <a href="javascript:;"  th:text="${m}"></a>
        </li>               
        </ul>
        <div class="main-nav-under" ></div>
        <div class="notice clearfix" style="display:none">
            <ul class="clearfix">
                <li class="current"><a href="javascript:;"></a></li>
                <li><a href="javascript:;"></a></li>
                <li><a href="javascript:;"></a></li>
            </ul>
        </div>
        <div class="toolbar">
            <div class="login-info clearfix" style="margin-left:0">
                <div class="welcome clearfix" style="width:120px;"><span>欢迎您,</span><a href="javascript:;" class="user-name" th:text="${T(pf.springBoot.springBootMetabaseLogin.oAuth.FormsAuth).GetUserData().UserName}"></a></div>
                <div class="login-msg clearfix">
                    <a href="javascript:;" class="msg-txt"></a>
                    <a href="javascript:;" class="msg-num"></a>
                </div>
            </div>
            <div class="tool clearfix">
                <a href="javascript:;" class="quit-btn exit" style="float:right">退出</a>
                <select id='org' name='org'  >
                	<option  th:each="m:${orgList}" th:value='${m.key}' th:selected="${wvp.Org eq m.key}" style="background-color:#3b9fe1;border:none;color:white;float:right;height:24px;width:auto">[[${m.value}]]</option>
    			</select>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        //debugger;
        var menu = $('#hd .main-nav li').first();
        menu.addClass('current');
        menu.click();
        //var lis = $('#hd main-nav li');
        //if(lis.length>0){}
    });
</script>
